<extend name="Public/common"/>
<block name="style">
	<style>
	.process {
		padding:10px 0;
		background: #ddd;
	}
	.process-ok {
		color:#f60;
	}
	.col-custom5 {
		float:left;
		width:20%;
	}
    .products_title {
        font-size:14px;
        padding:5px 0;
        font-weight: 600;
    }
    .sku_li_span {
        border:1px solid #ddd;
        background:#f6f6f6;
        margin-right:5px;
        padding:2px;
        font-size:12px;
    }
</style>
</block>
<block name="body">
    <div class="main-title">
        <h2>订单详情</h2>
    </div>

    <div class="with-padding">

    	<div class="process clearfix">
    		<!--订单状态-->
	    	<switch name="$order.pay_type" >
				<case value="1">
					<!--免费商品-->
					<div class="col-custom5 order_start">
						生成订单
					</div>
					<div class="col-custom5 order_start">
						发货
					</div>
					<div class="col-custom5 order_start">
						收货确认
					</div>
					<div class="col-custom5 order_start">
						完成评价
					</div>
				</case>
				<case value="2">
					<!--货到付款-->
					<div class="col-custom5 order_start">
						生成订单
					</div>
					<div class="col-custom5 order_start">
						货到付款
					</div>
					<div class="col-custom5 order_start">
						发货
					</div>
					<div class="col-custom5 order_start">
						收货确认
					</div>
					<div class="col-custom5 order_start">
						完成评价
					</div>
				</case>
				<default />
					<!--在线支付-->
					<div class="col-custom5 order_start process-ok">
						生成订单
					</div>
					<div class="col-custom5 order_start <if condition='$order.status egt 2'> process-ok</if>">
						付款成功
					</div>
					<div class="col-custom5 order_start <if condition='$order.status egt 3'> process-ok</if>">
						发货
					</div>
					<div class="col-custom5 order_start <if condition='$order.status eq 4'> process-ok</if>">
						收货确认
					</div>
					<div class="col-custom5 order_start">
						完成评价
					</div>
			</switch>
    	</div>

    	<div class="order_orders">
    		<h3>订单信息</h3>
    		<!--订单、支付信息-->
    		<div>
    		订单号：{$order.order_no}
    		下单时间：{$order.create_time}
    		支付方式:{$order.channel}
    		支付时间：{$order.paid_time}
    		</div>
    	</div>

    	<div class="order_pay">
    		<h3>支付方式</h3>
    		<div class="box">
    			支付类型：{$order.pay_type_cn}<br>
    			支付方式：
    		</div>
    	</div>

    	<div class="order_address">
    		<h3>收货信息</h3>
    		<!--收货信息-->
    		买家：{$order.user_id}
    		收货人：{$order.address.name}
    		联系方式:{$order.address.phone} 
    		收货地址：{$order['address']["province"]} {$order['address']["city"]} {$order['address']["district"]} {$order['address']["address"]}

    	</div>
    	<if condition='$order.status egt 3'>
	    	<div class="order_delivery">
	    		<h3>物流信息</h3>
	    		<div>
	    			
	    		</div>
	    	</div>
    	</if>
    	<div class="order_procects">
    		<h3>商品信息</h3>
    		<!--商品信息-->
    		<table class="table table-bordered">
                <thead>
                <tr>
                    <th></th>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                </tr>
                </thead>
                <tbody>
                	<volist name="order.products" id="vo">
                    <tr data-type="normal_list">
                        <td>
                            <div class="">
                            	<img src="{$vo.main_img|getThumbImageById=100,100}" />
                            </div>
                        </td>
                        <td>
                            <div class="products_title">{$vo.title}</div>
                            <div class="">
                                <foreach name="vo.sku" item="sku" >
                                 <span class="sku_li_span">{$sku}</span>  
                                </foreach>
                            </div>
                        </td>
                        <td>
                            <div class="">{$vo.paid_price}</div>
                        </td>
                        <td>
                            <div class="">{$vo.quantity}</div>
                        </td>
                    </tr>
                    </volist>
                </tbody>
            </table>
    	</div>

        <div class="">
            总价：{$order.paid_fee} 邮费：{$order.delivery_fee} 已优惠价格：{$order.discount_fee}
        </div>
    </div>

</block>